<!DOCTYPE html>
<html ng-app="App">
	<head>
		<meta name ="viewport" content ="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta name="renderer" content="webkit">
		<meta name = "format-detection" content = "telephone=no">
		<meta charset="UTF-8">
		<title>时间</title>
		<link rel="stylesheet" href="../www/css/mui.min.css" />
		<link rel="stylesheet" href="../www/css/main.css" />
		<link rel="stylesheet" href="../www/css/mui.picker.min.css" />
		<script src="../www/js/jquery-1.7.1.min.js"></script>
		<script src="../www/js/g.js" charset="utf-8"></script>
		<script src="../www/js/mui.js" charset="utf-8"></script>
		<script src="../www/js/mui.picker.min.js" charset="utf-8"></script>
	</head>
	<body>
		<div class="app has-head app-sub">
			<div class="app-head">
				<a class="left" href="index.html"></a>
				<h1 class="title">时间</h1>
				<a class="right" href="#"></a>
			</div>
			<div class="app-view has-footer" ng-controller="contractCtrl">
				<div class="app-view-content">
					<dl class="favior-list">
						<dt><img src="img/ion-gps.png"/></dt>
						<dd>
							<h2>您的位置：</h2>
							<p ng-bind="info">致未来图书馆1层测试自习室</p>

						</dd>
					</dl>
					<dl class="favior-list">
						<dt><img src="img/ion-date.png"/></dt>
						<dd>
							<h2>续约时间</h2>
							<p>起始时间：<span ng-bind="sreservationBeginTime">2016-06-08  10:45:00</span></p>
							<p>结束时间：<a class="span_Time date pickdate dateChange" href="javaScript:void(0);" style="width: 60%;color: #666;" ng-bind="sreservationEndTime">2016-06-08 12:00:00</a></p>

						</dd>
					</dl>

				</div>
				<div class="do-area row">
					<div class="col v-m">
						<a class=" btn-conner btn-block btn-blue" href="javaScript:void(0);" ng-click="submit();">确定</a>
					</div>
				</div>
			</div>
			<div id="open-modal1" class="modal-window">
				<div class="row">

					<div class="col v-m">
						<div class="modal-title">
							<a href="#modal-close" title="Close"style="top: -1rem;" class="modal-close"></a>
						</div>
						<div class="modal-title row">
							<h2 class="col" style="padding-left:2rem;width:65%;">小时    (24小时制)</h2>
							<p class="col" style="padding-left:4rem;text-align: left;">分钟</p>
						</div>
						<ul class="row">
							<li class="col col-70 fs-0 hour" style="padding:0 2rem;border-right:1px dashed #fff;width:65%;">
								<span class="time">6</span>
								<span class="time">7</span>
								<span class="time">8</span>
								<span class="time">9</span>
								<span class="time">10</span>
								<span class="time">11</span>
								<span class="time">12</span>
								<span class="time">13</span>
								<span class="time">14</span>
								<span class="time">15</span>
								<span class="time">16</span>
								<span class="time">17</span>
								<span class="time">18</span>
								<span class="time">19</span>
								<span class="time">20</span>
								<span class="time">21</span>
								<span class="time">22</span>
								<span class="time">23</span>
							</li>
							<li class="col col-30 fs-0 minute" style="padding-left:2rem; width: 35%;padding-left:3rem;">
								<span class="time">00</span>
								<span class="time">10</span>
								<span class="time">20</span>
								<span class="time">30</span>
								<span class="time">40</span>
								<span class="time">50</span>
							</li>
						</ul>
						<div class="row" style="padding:2rem;">
							<div class="col pick-time v-m" style="width:50%;">
								<h2>结束时间</h2>
								<p><span id="hour">11</span>:<span id="min">20</span></p>
							</div>
							<div class="col" style="width:50%;vertical-align: bottom;">
								<a href="#" class="btn btn-blue btn-conner btn-block" id="confirm">确定</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div id='result' class="ui-alert"></div>
	<script src="js/angular.js"></script>
	<script src="js/contract/contract.js"></script>
		<script src="js/date.js"></script>
	</body>
</html>
